<div class="wrapper-bz-page">
    <div class="wrapper-bz-body" >
        <div class="column-block block-left" style="width:850px;">
            <div class="column-title">系统规则</div>
            <div class="column-content">
                <div class="column-datagrid no-filter">
                    <table id="table_clockin_review_rule_in_m72" style="width:100%;height:100%"></table>
                </div>
            </div>
        </div>
        <div class="column-block block-right" style="left:860px;">
            <div class="column-title">规则明细</div>
            <div class="column-content">
                <div class="column-datagrid no-filter">
                    <table id="table_clockin_review_rule_phase_in_m72" style="width:100%;height:100%"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="dialog_add_clockin_review_rule_in_m72"></div>
<div id="dialog_edit_clockin_review_rule_in_m72"></div>
<div id="dialog_add_clockin_review_rule_phase_in_m72"></div>
<div id="dialog_edit_clockin_review_rule_phase_in_m72"></div>
<script>
    $(function () {
        var listTable = [
            {subject_keyword: "clockin_review_rule_in_m72", datagrid_code: "clockin_review_rule_m72"},
            {subject_keyword: "clockin_review_rule_phase_in_m72", datagrid_code: "clockin_review_rule_phase_m72"},
        ];
        var relateForeignId = 'clockin_review_rule_id';
        var datagridConfigList = $(document).getRelatedDatagridConfig(listTable, relateForeignId);
        $.each(listTable, function (index, item) {
            $('#table_' + item.subject_keyword).datagrid(datagridConfigList[index]);
        });
    });
</script>